<script setup>
import { useRouter } from 'vue-router'
import { ElMessage } from 'element-plus'

const router = useRouter()

const handleLogout = () => {
  ElMessage.info('退出登录')
  router.push('/login')
}
</script>

<template>
  <div class="home-container">
    <h1>欢迎来到首页</h1>
    <p>您已成功登录系统</p>
    <el-button type="primary" @click="handleLogout">退出登录</el-button>
  </div>
</template>

<style lang="scss" scoped>
.home-container {
  padding: 50px;
  text-align: center;

  h1 {
    color: #333;
    margin-bottom: 20px;
  }

  p {
    color: #666;
    margin-bottom: 30px;
  }
}
</style>
